<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Simple Web Socket Client<?php echo $cc ;?></title>
	<link rel="stylesheet" type="text/css" href="/static/css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
</head>
<body>
<div id="content">
	<fieldset>
		<legend>Server Config</legend>
		<div>
            <label>用户名称:<label>
			<input type="text" id="username" value=""/>
			<button id="connectButton">Open</button>
			<button id="disconnectButton">Close</button>
		</div>
		<div>
			<label>Status:</label>
			<span id="connectionStatus">CLOSED</span>
		</div>
	</fieldset>
	<fieldset id="requestArea">
		<legend>Request</legend>
		<div>
			<textarea id="sendMessage" style="height: 184px;width: 650px" disabled="disabled"></textarea>
            <div class="online" style="float:right;width:700px">
                <span>当前在线: [<b id="onlineNumber">0</b>]人</span><br/>
                <ol style="float:left;line-height:20px;">
                <ol>
            </div>
		</div>
		<div>
			<button id="sendButton" disabled="disabled">Send</button>
			[Shortcut]  Enter
		</div>
	</fieldset>
	<fieldset id="messageArea">
		<legend>Message Log <button id="clearMessage">Clear</button></legend>
		<div id="messages"></div>
	</fieldset>
</div>
<script type="text/javascript" src="/static/js/jq.js"></script>
<script type="text/javascript" src="/static/js/index.js"></script>
</body>
</html>